<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" name="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
<title>Insert title here</title>
<link rel="stylesheet" href="UC_style.css">
<style type="text/css">
.dv1{/*part1*/
	background:white;
	border-style:ridge;
	border-color:RGBA(255,255,255,0.3);
	width:200px;
	height:80px;
	float:left;
	margin:12px;
	border-radius:5px;
}

.dv2{/*part1*/
	width:120px;
	height:120px;
	background:RGB(248,248,248);
	margin:15px;
	float:left;
	border-style:ridge;
	border-color:RGBA(255,255,255,0.3);
}

.dv3{/*part3*/
	background:white;
	width:43.8%;
	height:200px;
	margin:12px;
	border-style:ridge;
	float:left;
	
	
}
.dv_left{/*part1*/
	width:33%;
	height:80px;
	float:left;
	text-align:center;
	margin-top:8px;
}
.dv_right{/*part1*/
	width:67%;
	height:80px;
	float:left;
	margin-top:12px;
}
.div_main1{	/*part2*/
	width:100%;
	background:white;
	
	margin:12px;
	float:left;
}
font{
	color:RGB(102,102,102);
}
.p1{
	text-decoration: underline;
}
li{
	margin-left:20px;
	padding-top:10px;
	list-style:none;
	height:30px;
	width:500px; 
	text-align:left; 	
	border-bottom: 2px solid RGB(230,230,230); 
}
.a1{
	font-size:13px;
}
.a1:hover {
    color: blue;
}
</style>
</head>
<body>	

	<div class="main" style="float:left;width:100%">
		
		<div id="header2">
			<img src="img/首页.png" alt="Big Boat" width="30" height="30" style=" vertical-align: middle;">
			首页
		</div><br/>
		<p style="margin-left:38px"><font style="font-size:24px">待办事项</font> <font style="font-size:24px;margin-left:360px">车库状态</font></p>
		
		<!--                      part1                                    -->
		
		<div class="dv1" style="margin-left:55px">
			<div class="dv_left">
				<img src="img/待办事项.png" alt="Big Boat" width="60" height="60" style=" vertical-align: middle;">
			</div>
			<div class="dv_right">
				<font style="color:RGB(201,201,201);font-size:15px;">车队档案审核</font><br/>
				<font style="font-size:30px;"><b>3</b></font>&nbsp;&nbsp;
				<img src="img/待审批.png" alt="Big Boat" width="70" height="25" style=" vertical-align: middle;">
			</div>
		</div>
		
		<div class="dv1" >
			<div class="dv_left">
				<img src="img/待办事项.png" alt="Big Boat" width="60" height="60" style=" vertical-align: middle;">
			</div>
			<div class="dv_right">
				<font style="color:RGB(201,201,201);font-size:15px;">派车申请审核</font><br/>
				<font style="font-size:30px;"><b>7</b></font>&nbsp;&nbsp;
				<img src="img/待审批.png" alt="Big Boat" width="70" height="25" style=" vertical-align: middle;">
			</div>
		</div>
		
		<div class="dv1" >
			<div class="dv_left" >
				<img src="img/总车辆.png" alt="Big Boat" width="60" height="40" style=" vertical-align: middle;margin-top:10px;margin-left:10px;">
			</div>
			<div class="dv_right" >
				&nbsp;&nbsp;<font style="color:RGB(201,201,201);font-size:16px;">车库总车辆</font><br>
				&nbsp;&nbsp;<font style="color:black;font-size:16px;">2023</font>
			</div>
		</div>
		
		<div class="dv1" >
			<div class="dv_left" >
				<img src="img/派送中车辆.png" alt="Big Boat" width="60" height="40" style=" vertical-align: middle;margin-top:10px;margin-left:10px;">
			</div>
			<div class="dv_right" >
				&nbsp;&nbsp;<font style="color:RGB(201,201,201);font-size:16px;">派送中车辆</font><br>
				&nbsp;&nbsp;<font style="color:black;font-size:16px;">50</font>
			</div>
		</div>
		
		<div class="dv1"  style="margin-right:55px">
			<div class="dv_left" style="margin-top:2px;">
				<img src="img/维保中车辆.png" alt="Big Boat" width="60" height="60" style=" vertical-align: middle;margin-top:10px;margin-left:10px;">
			</div>
			<div class="dv_right" >
				&nbsp;&nbsp;<font style="color:RGB(201,201,201);font-size:16px;">维保中车辆</font><br>
				&nbsp;&nbsp;<font style="color:black;font-size:16px;">50</font>
			</div>
		</div>
		
		<!--                      part2                                   -->
		
		<div  class="div_main1" style="background-color:white;margin-left:55px;margin-right:55px;">
			<table id="table1" border="1"  >
				<tr style="background-color:RGB(243,243,243)">
					<td height="50px"  width="1118px" align="left" style="border:none">
						&nbsp;&nbsp;<b>常用功能</b>
					</td>
				</tr>
				<tr>
					<td height="150px"  width="1118px" align="left" style="border:none">
						<div class="dv2" style="margin-left:30px">
							<img  src="img/1.png" alt="Big Boat" width="45" height="35" style="margin-left:37.5px;margin-top:25px;">
							<br/><br/>
							<font style="color:RGB(191,191,191);font-size:15px;margin-left:30px;">派车审核</font>
							
						</div>
						<div class="dv2">
							2
						</div>
						<div class="dv2">
							3
						</div>
						<div class="dv2">
							4
						</div>
						<div class="dv2">
							5
						</div>
						<div class="dv2">
							6
						</div>
						<div class="dv2" style="margin-right:30px">
							7
						</div>
					</td>
				</tr>
				
			</table>
		</div>
		
		
		<!--                      part3                                    -->
		
		
		
			<div class="dv3" style="background-color:white;margin-left:55px;">
			
			<table  border="1"  >
				<tr style="background-color:RGB(243,243,243)">
					<td height="40px"  width="600px" align="left" style="border:none">
						&nbsp;&nbsp;<b>车辆动态</b>
					</td>
				</tr>				
			</table>
			<ul >
				<li><a class="a1">赣A99999已经接取任务 <font style="float:right">2023-04-10 23:20:00</font></a></li>
				<li><a class="a1">赣A99999已经接到用户 <font style="float:right">2023-04-10 23:20:00</font></a></li>
				<li><a class="a1">赣A99999已经完成任务 <font style="float:right">2023-04-10 23:20:00</font></a></li>
			</ul>
			</div>
		
			<div  class="dv3" style="background-color:white;margin-right:55px;">
				<table  border="1"  >
					<tr style="background-color:RGB(243,243,243)">
						<td height="40px"  width="600px" align="left" style="border:none">
							&nbsp;&nbsp;<b>异常记录</b>
						</td>
					</tr>				
				</table>
			<ul >
				<li><a class="a1">赣A99999 偏离预订路线 <font style="float:right">2023-04-10 23:20:00</font></a></li>
				<li><a class="a1">赣A99999 发生车祸 <font style="float:right">2023-04-10 23:20:00</font></a></li>
				<li><a class="a1">赣A99999 温度异常 <font style="float:right">2023-04-10 23:20:00</font></a></li>
			</ul>
			</div>
		
		
	</div>
	
<script type="text/javascript">
	
</script>
</body>
</html>